<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>常用的文本标签</title>
</head>
<body>
<!--
    在HTML中，基本上所有的标签都有其特殊含义，
      根据标签的含义主要分为以下几类：
      1.文本标签：用于定义HTML文档中的文本，如标题、段落、换行等
        <p>标签表示段落，其效果为内容独占一行，段落与段落之间有空行
        <br>标签表示换行，本标签是HTML中为数不多的单标签
        <b>标签表示给字体加粗，<i>标签表示给字体倾斜，<strong>标签表示强调
        <sub>标签表示给字体添加下标，<sup>标签表示给字体添加上标，
        <h1>~<h6>标签表示的是标题，<h1>表示一级标题，<h2>表示二级标题，以此类推
      2. 资源类标签：用于引入或表示外部资源的标签，如图片、音频、视频等
        <img>标签用于引入图片，<audio>标签用于引入音频，<video>标签用于引入视频
      3. 链接类标签：用于定义超链接的标签，如<a>标签
        <a>标签用于定义超链接，href属性用于指定链接的地址，target属性用于指定打开方式
      4. 列表标签：用于定义列表的标签，
      如<ul>标签表示无序列表，即内容前使用圆点表示，
      <ol>标签表示有序列表，即内容前使用数字表示，<li>标签表示列表项
      5. 表格标签：用于定义表格的标签，如<table>标签表示表格，
      <tr>标签表示表格行，<td>标签表示表格列，<th>标签表示表格标题列
      6. 收集数据类标签：用于收集用户数据的标签，如
      <form>标签表示表单，<input>标签表示输入框，<button>标签表示按钮等
      7.其他标签，如<hr/>标签表示设置水平分割线，<iframe>标签表示在页面内容设置一个窗口
      可以引入外部的数据
      8.非语义标签，即没有特殊含义的标签，如<div>标签，<span>标签等
-->
<i>汉字</i>、hello<br>
<b>汉字、hello</b>
2<sup>2</sup> = <strong>4</strong>
<!--给字体添加描述备注，使用<mark>标签-->
<mark>备注</mark>
<!--每一个标题都是独占一行的，标题与标题之间有空行-->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>

<!--点击一下跳转到首页-->
<a href="01_introduce.html">点击一下跳转到首页</a>
<!--设置水平分割线-->
<hr/>

<!--引入外部数据-->
<iframe src="03_资源类标签.html"
        width="100%" height="800" frameborder="0"
        scrolling="no" seamless="seamless">
</iframe>
</body>
</html>